const { defineConfig } = require('@vue/cli-service')
const path = require('path')

const themePath = path.join(__dirname, './src/assets/theme.less')
const target = 'https://www.aiaabiok.com/';
module.exports = defineConfig({
    productionSourceMap: false,
    transpileDependencies: true,
    // pluginOptions: {
    //     'style-resources-loader': {
    //       preProcessor: 'less',
    //       patterns: [
    //         path.join(__dirname, './src/assets/theme.less')
    //       ]
    //     }
    // },
    // css: {
    //     loaderOptions: {
    //       less: {
    //         // 若 less-loader 版本小于 6.0，请移除 lessOptions 这一级，直接配置选项。
    //           modifyVars: {
    //             // 直接覆盖变量
    //             // red: '#ff58f2',
    //             // 'border-color': '#eee',
    //             // 或者可以通过 less 文件覆盖（文件路径为绝对路径）
    //             hack: `true; @import "${themePath}";`,
    //           },
    //       },
    //     },
    // },
    devServer: {
        hot: true,// 开启热更新功能
        // 设置代理
        proxy: {
            "/prod-api": {
                target,
                ws: true, // 是否启用websockets
                changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
                pathRewrite: {
                    '^/prod-api': '/prod-api',
                },

            }
        },
       
        client: {
            overlay: false,
        },
    },
})
